<!--定义网页根元素为html-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
	<!-- 在浏览器标签栏出现公司logo -->
		<link rel="icon" href="img/tyust.png">
		<title>2019级毕业实习</title>
	</head>
	<body>
		<h2>表单-项目开发必用-律师档案创建</h2>
		<form action="tit.html" action="post">
			用户名<input type="text"placeholder="请输入用户名"/>
			<br>
			密码<input type="password"/>
			<br>
			性别<input type="radio" name="gender"/>男
			    <input type="radio" name="gender"/>女
				<br>
				籍贯<select>
					<option>陕西</option>
					<option>山西</option>
					<option>河北</option>
				</select>
				<br>
				爱好<input type="checkbox"/>下棋
				     <input type="checkbox"/>游泳
					 <input type="checkbox"/>旅游
					 <br>
					 照片<input type="file"/>
					 <br>
					 备注<textarea placeholder="多行文本框" cols="80" rows="5"></textarea>
					<br>
					 <input type="submit" value="注册"/>
					 <input type="reset" value="重填"/>
		</form>
		<h2>超链接</h2>
		<a href="tyust.html">太原科技大学</a>
		<br>
		<h2>图片</h2>
		<img src="img/tyust.png" width="50px"/>
		<h2>表格</h2>
		 <table border="1px" width="500px">
		            <tr>
		                <td>车次</td>
		                <td>出发站</td>
		                <td>历时</td>
		                <td>
		                    <button>预订</button>
		                </td>
		            </tr>
		            <tr>
		                <td>G109</td>
		                <td>汉中北</td>
		                <td>5小时</td>
		                <td>
		                    <button>预订</button>
		                </td>
		            </tr>
		            <tr>
		                <td>G601</td>
		                <td>太原南</td>
		                <td>2小时15分</td>
		                <td>
		                    <button>预订</button>
		                </td>
		            </tr>
		        </table>
		        <h2>学校介绍</h2>
		        <div>
		            太原科技大学、计算机学院、宋书记、潘院长
		            <img src="img/tyust.png"/>
		        </div>
		        <h2>span用法</h2>
		        <input type="text"/> <span style="color:red">用户名不能为空！</span>
		        <h2>列表-有序列表和无序列表</h2>
		        <ul>
		            <li>软件工程专业</li>
		            <li>智能科学与技术专业</li>
		            <li>物联网工程专业</li>
		        </ul>
		
		        <ol>
		            <li>软件工程专业</li>
		            <li>智能科学与技术专业</li>
		            <li>物联网工程专业</li>
		        </ol>
	</body>
</html>
